<template>
   <div>
        <van-swipe class="my-swipe" :autoplay="1000" indicator-color="red">
        <van-swipe-item v-for="item in arr" :key="item.id">
            <img :src="item.image_url">
        </van-swipe-item>
        
        </van-swipe>
   </div>
</template>

<script>
export default {
      props:["arr"]
     
}
</script>

<style lang="less" scoped>
    .my-swipe{width: 100%;
               img{width: 100%;}
             }
    .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
  }
</style>